.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 100px); /* 每行5个100px的盒子 */
  /* grid-gap: 5px; 盒子之间的间距 */
  margin: 5% auto 2% auto;
  width: max-content;
  border: 1px solid black;
}

.boxcle {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  text-align: center;
  line-height: 100px;
  font-size: 20px;
  cursor: default;
  transition: background-color 0.3s ease;
}

.boxcle:hover {
  background-color: cyan;
}